*{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
    font-size: small;
    color:  #ffffff;
}
body{
    margin: 0px;
    padding: 0px;
    background: #333333; 
}
a:link, a:visited {
    color: white;
    font-weight : bold;
    text-decoration: none;
}

a:link:hover, a:visited:hover  {
    color: white;
    font-weight : bold;
    text-decoration : underline;
}
.ui-layout-unit{
    border: 1px transparent;
    padding: 0;
}
#top{

    background-color: #151412;
}
#bottom{
    background: #0d698d;
}
#login{
    position: absolute;
    top: 120px;
    left: 140px;
    z-index: 3;
    width: 200px;
    height: 200px;
}
.ui-layout-resizer{
    height: 1px;
}
#top .ui-layout-unit-content{
     background: rgba(0,0,0,0);
}
#bottom .ui-layout-unit-content{
     background: rgba(0,0,0,0);
}
.ui-corner-all{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
#login .ui-widget-content{
    border-spacing: 0px;
    border-color: transparent;
    color: white;
    background: rgba(0,0,0,0.6);
}
#login .ui-widget-header{
    border-spacing: 0px;
    border-color: transparent;
    color: white;
    background: rgba(0,0,0,0.8);
}
#login .ui-widget-footer{
    border-spacing: 0px;
    border-color: transparent;
    background: rgba(0,0,0,0.8);
}
#login label{
    font-size: 18px;
}
#login td{
    font-size: 18px;
}
#login span{
    font-size: 18px;
}
.ui-layout-unit,.ui-layout-unit-content {
    background: rgba(255,255,255,0.2);
}
.ui-growl-message .ui-growl-title,.ui-growl-message p{
    color:#000000;
}